@keyframes rotate {
  0% {
    transform: perspective(500px) rotateZ(0) rotateX(-60deg) rotateY(0);
  }
  100% {
    transform: perspective(500px) rotateZ(0) rotateX(-60deg) rotateY(-360deg);
  }
}

.StarOut {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.Star {
  transform: perspective(600px);
  transform-style: preserve-3d;
  position: absolute;
  perspective-origin: 50% 120%;
  left: 50%;
  bottom: 10%;
  animation: rotate 90s infinite linear;
}

.Stars {
  width: 2px;
  height: 2px;
  background: #f7f7b8;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  border-radius: 50%;
}